<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="shortcut icon" href="{{MEDIA_URL}}imagens/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}estilos/estilo.css">

<script src="{{MEDIA_URL}}script/jquery.min.js" type="text/javascript"></script>
<script src="{{MEDIA_URL}}script/jquery.bxSlider.min.js" type="text/javascript"></script>
<script src="{{MEDIA_URL}}script/miniscripts.js" type="text/javascript"></script>

<!-- Google + -->
<script type="text/javascript">
  window.___gcfg = {lang: 'pt-BR'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<!-- Fim Google + -->

<title>Classi180 - O Maior site de classificados do Piauí, anúncie grátis!</title>
</head>
<body>
	<div id="topo">
		<div id="topo180plus">
			<div id="topo_logo_180">
				<a href="http://180graus.com">180graus</a>
			</div>
			<ul id="topo_links_180" >
				<li><a href="http://180graus.com/ultimas-noticias">NOTÍCIAS</a></li>
				<li><a href="http://180graus.com/cidades">CIDADES</a></li>
				<li><a href="http://180graus.com/blogs">BLOGS</a></li>
				<li><a href="http://180graus.com/esporte">ESPORTE</a></li>
				<li><a href="http://180graus.com/geral">ENTRETENIMENTO</a></li>
			</ul>
			<div id="login_classi">
					{%if request.user.is_authenticated%}
					<div id="form_login_classi">
					{{request.user.usuario}}
						<div class="foto_perfil_topo">
							<a href="/login/"><img src="{{MEDIA_URL}}{{usuario.thumbnail}}"></a>
						</div>
						<div class="mini_menu_perfil">
							<a class="user_topo" href="/login/">{{request.user.username}}</a>
							<div class="opcs_mini_menu">
								<a href="/login/">Meu Perfil</a>
								<a href="/sair/">Sair</a>
							</div>
						</div>
					</div>
					{%else%}
					<div id="botao_link">
						<a href="/cadastrarUser/"><img src="{{MEDIA_URL}}imagens/cadastrese.png"></a>
					</div>					
					<form id="form_login_classi" action="/login/" method="post">
						{%csrf_token%}
						<div class="login_user">
							<label>Usuário</label><input type="text" name = "username" value="Nome de usuário ou email" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value == '') this.value = this.defaultValue"/>
							<label>Senha</label><input class="login_senha last" type="password" name = "password" value="Senha" onfocus="if(this.value == this.defaultValue) this.value = ''" onblur="if(this.value == '') this.value = this.defaultValue"/>
							<input type="submit" class="logar_input" value="Entrar" />
						</div>
						<div class="login_lembrar">
							<input class="lembrar" type="checkbox" />
							<span>Lembrar-me</span>
							<span>|</span>
							<a href="#">Esqueceu sua senha?</a>
						</div>
					</form>
					{%endif%}
				</div>					
			</div>
		</div>
		<div id="principal">
		<div id="meio">
			<div id="conteudo">
				<div id="topoclassi">
					<div class="slider_gigante">
						{%for gigante in publicidadeGigante%}
						<a href="{{gigante.url}}"><img src="{{MEDIA_URL}}{{gigante.thumbnail}}"/></a>
						{%endfor%}
					</div>
				</div>
				<div class="box_titulo" style="border-bottom: 5px solid #ccc; background: #fff; border-radius: 8px 8px 0 0; padding-left: 10px; margin: 15px 0 30px 0; height:60px;">
					<div class="logo_padrao_menor">
						<a href="http://www.classi180.com" title="Classi180 anuncie aqui!" ><img src="{{MEDIA_URL}}imagens/logo.png"></a> 
					</div>
					<h4 class="titulo_anuncio" style="margin: 14px;"><a href="#" style="font-size: 30px; font-weight: bold; color:#FF9E0D;">Dúvidas Frequentes</a></h4>
				</div>
				<div id="box_index">
					<div id="box_blog" style="padding: 0 0 0 10px;">
						<ul class="box_anuncios blog_classi">
							<li class="linha">
								<a href="" style="font-size: 20px; font-weight: bold;">1 – Como faço para colocar um anúncio grátis?</a>
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong>Resposta:</strong> Se você ainda não é cadastrado, clique no link “Cadastre-se”. Você deverá colocar um e-mail
									válido, um nome de usuário, CPF, endereço, telefone e criará uma senha. Após o cadastro você
									deverá confirma-lo em seu e-mail e o site abrirá a página de gerenciamento de anúncios, onde
									você poderá colocar quantos anúncios gratuitos desejar. Os anúncios, no entanto, devem ser
									de produtos ou serviços. E em relação às vagas de emprego? Não são produtos e nem serviços.
									<br><br>
									<strong style="color: red;">Obs.:</strong> Os anúncios, no entanto, serão moderados e deverão está de acordo com as Regras de uso. <a href="http://classi180.com/termos/">http://classi180.com/termos/</a>
								</p>
							</li>
							<li class="linha">
								<a href="" style="font-size: 20px; font-weight: bold;">2 – Como deve ser a foto do meu anúncio?</a>
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong>Resposta:</strong> Para que você tenha melhores resultados, faça fotos com boa visibilidade. Assim, para que o
									sistema comporte seu arquivo, é interessante você reduzir a foto, tornando o processo mais
									ágil. Para reduzir o tamanho e a resolução da foto, você pode usar o “Paint” do seu Windows
									ou acessar o site www.reduzfoto.com.br para redimensionar suas fotos online. Lembre-se que
									o site só aceita fotos com tamanho máximo de 500k.																		
								</p>
							</li>
							<li class="linha">
								<a href="" style="font-size: 20px; font-weight: bold;">3 – Como  deletar o anúncio gratuito que eu coloquei?</a>
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong>Resposta:</strong> Direcione para > menu “Meu Painel” e faça login com o mesmo endereço de e-mail que
									utilizou no cadastro. Em seguida, clique no botão “Deletar", ao lado do anúncio.
								</p>
							</li>
							<li class="linha">
								<a href="" style="font-size: 20px; font-weight: bold;">4 – Quantos anúncios grátis eu posso colocar?</a>
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong>Resposta:</strong> Se os seus anúncios respeitam as regras e o termo de uso do site, você pode colocar quantos
										anúncios quiser desde que seja coerente às nossas Regras de Uso e diferentes, ao mesmo
										tempo.
								</p>
							</li>
							<li class="linha">
								<a href="" style="font-size: 20px; font-weight: bold;">5 – Quantos cadastros eu posso fazer?</a>
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong>Resposta:</strong> Só é permitido um cadastro por pessoa ou empresa. Todos os seus anúncios devem estar
										numa única conta. Isso facilita a sua administração e facilita, também, o nosso controle de
										qualidade.
								</p>
							</li>
							<li class="linha">
								<a href="" style="font-size: 20px; font-weight: bold;">6 – Como e quantas fotos eu posso colocar em cada anúncio?</a>
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong>Resposta:</strong> Você pode colocar até 5 fotos por anúncio, desde que não sejam repetidas. Se suas
									fotos tiverem um tamanho maior que 200 pixels de largura, elas serão redimensionadas
									automaticamente pelo site, por estarem acima do nosso padrão.
								</p>
							</li>
							<li class="linha">
								<a href="" style="font-size: 20px; font-weight: bold;">7 – Posso publicar qualquer tipo de anúncio ?</a>
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong>Resposta:</strong> Não! Não publicamos anúncios de produtos e/ou serviços que, ao nosso entender, sejam
										inadequados ou contrariem as expectativas dos nossos leitores. A publicação de anúncios
											
										gratuitos está condicionada às regras descritas nas Regras de Uso. Todos os anúncios estão
										sujeitos ao nosso processo de revisão editorial. O objetivo é manter o site limpo e útil para
										todos.								
								</p>
							</li>
							<li class="linha">
								<a href="" style="font-size: 20px; font-weight: bold;">8 – Por que não vejo o anúncio que acabei de colocar?</a>
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong>Resposta:</strong> Para ganhar tempo, o navegador do seu computador não atualiza automaticamente as páginas
										recentemente visitadas. Os navegadores normalmente buscam as páginas na memória do
										próprio computador e apenas a repetem tal como da última vez. Por isso, quando você não
										ver as modificações que acabou de fazer, pressione a tecla “Ctrl” e clique no ícone “Atualizar”
										do seu navegador ou a tecla F5. O seu navegador vai recarregar a página atualizando todas as
										alterações recentes.
								</p>
							</li>
							<li class="linha">
								<a href="" style="font-size: 20px; font-weight: bold;">9 - Como colocar o meu anúncio na página inicial em destaque?</a>
								<p style="margin: 10px 0 0 0; font-size: 12px">
									<strong>Resposta:</strong> Ao cadastrar o seu anúncio, você terá a opção de colocá-lo em destaque, onde as opções
										devem seguir o padrão do nosso modelo PagSeguro.
								</p>
							</li>
						</ul>						
					</div>
				</div>
			</div>
		</div>
		<div id="publicidade">
			<div class="publicidade_link">
			{%for gigante in publicidadeGigante%}
				<a href="{{gigante.url}}" title="Publicidade 3" ><img src="{{MEDIA_URL}}{{gigante.thumbnail}}">Publicidade 3</a>
			{%endfor%} 
			</div>
		</div>
	</div>
	{%include "rodape_regioes.html"%}
</body>
</html>